<!-- 快递配送订单 -->
<template>
  <div v-loading="fullLoading" element-loading-text="加载中">
    <div class="bgc-default pad-20">
      <div class="bg-color-white pad-20">
        <el-steps :active="activeNum" class="step-bar mar-t-30 mar-b-30" finish-status="success" align-center>
          <el-step title="买家下单"></el-step>
          <el-step :title="orderInfo.enterprisePayFlag == 1 ? '企业付款' : '买家付款'"></el-step>
          <el-step :title="'商家发货'"></el-step>
          <el-step :title="'买家收货'"></el-step>
          <el-step title="订单完成"></el-step>
        </el-steps>
      </div>
    </div>
    <div class="bgc-default pad-l-20 pad-r-20 pad-b-20">
      <div>
        <el-row :gutter="20">
          <!-- 买家信息 -->
          <el-col :span="showBox === 1 ? 8 : 6">
            <div class="bg-color-white">
              <div class="title-top flex v-align-c flex-center height-44 pad-l-27 pad-r-27">
                <div class="flex-item font-w font-16">基本信息</div>
                <el-button v-if="changeReveiveFlag" size="mini" @click="doOpenReceiveInfo">修改收货信息
                </el-button>
              </div>
              <div class="pad-t-15 pad-b-15 pad-l-30 pad-r-10 mar-l-30 mar-r-10 buyer-info-line">
                <div class="flex">
                  <div class="font-color-9 width-72">订单编号：</div>
                  <div class="flex-item">{{ orderInfo.orderNo ||  '&nbsp;' }}</div>
                </div>
                <div class="flex">
                  <div class="font-color-9 width-72">创建时间：</div>
                  <div class="flex-item">{{ orderInfo.createTime ||  '&nbsp;' }}</div>
                </div>
                <div class="flex">
                  <div class="font-color-9 width-72">支付时间：</div>
                  <div class="flex-item">{{ orderInfo.payTime ||  '&nbsp;' }}</div>
                </div>
                <div class="flex">
                  <div class="font-color-9 width-72">付款方式：</div>
                  <div class="flex-item">{{ dict.payType[orderInfo.payType] ||  '&nbsp;' }}</div>
                </div>
                <div class="flex">
                  <div class="font-color-9 width-72">顾客名称</div>
                  <div class="flex-item">{{ orderInfo.customerNickname ||  '&nbsp;' }}</div>
                </div>
                <div class="flex">
                  <div class="font-color-9 width-72">顾客电话：</div>
                  <div class="flex-item">{{ orderInfo.customerPhone ||  '&nbsp;' }}</div>
                </div>
                <div class="flex">
                  <div class="font-color-9 width-72">配送方式：</div>
                  <div class="flex-item">
                    {{ dict.deliveryType[orderInfo.deliveryType] ||  '&nbsp;' }}
                  </div>
                </div>
                <div class="flex">
                  <div class="font-color-9 width-72">收货地址：</div>
                  <div class="flex-item">
                    {{ orderInfo.customerFullAddress  ||  '&nbsp;' }}
                    <a href="javascript:;" @click="doCopy(orderInfo, $event)"><span
                        class="mar-l-10 font-blue">复制</span></a>
                  </div>
                </div>
                <div class="flex">
                  <div class="font-color-9 width-72">备注留言：</div>
                  <div class="flex-item">{{ orderInfo.customerComment ||  '&nbsp;' }}</div>
                </div>
              </div>
            </div>
          </el-col>
          <!-- 订单信息 -->
          <el-col :span="showBox === 1 ? 8 : 6">
            <div class="bg-color-white">
              <div class="title-top flex v-align-c flex-center height-44 pad-l-27 pad-r-27">
                <div class="flex-item font-w font-16">订单信息</div>
              </div>
              <div class="pad-t-15 pad-b-15 pad-l-30 pad-r-10 mar-l-30 mar-r-10 buyer-info-line">
                <div class="flex">
                  <div class="font-color-9 width-72">订单状态：</div>
                  <div class="flex-item">
                    <div class="mar-t--15 mar-b--5">
                      <b class="font-26" :class="orderInfo.orderStatusColor">
                        <span>{{orderInfo.orderStatusText}}</span>
                      </b>
                    </div>
                  </div>
                </div>
                <div class="flex">
                  <div class="font-color-9 width-72">订单类型：</div>
                  <div class="flex-item">{{ dict.orderType[orderInfo.orderType] }}</div>
                </div>
                <div>
                  <div class="flex">
                    <div class="font-color-9 width-72">快递公司：</div>
                    <div class="flex-item">{{ orderInfo.expressName ||  '&nbsp;' }}</div>
                  </div>
                  <div class="flex">
                    <div class="font-color-9 width-72">快递单号：</div>
                    <div class="flex-item">
                      {{ orderInfo.trackingNo ||  '&nbsp;' }}
                      <a v-if="orderInfo.trackingNo" href="javascript:;" @click="doOpenLogistics(orderInfo)">
                        <span class="mar-l-10 font-blue">查看物流</span>
                      </a>
                    </div>
                  </div>
                </div>
                <div class="flex">
                  <div>
                    <div class="font-color-9 width-75">发货时间：</div>
                  </div>
                  <div class="flex-item">{{ orderInfo.deliveryTime ||  '&nbsp;' }}</div>
                </div>
                <div class="flex">
                  <div class="font-color-9 width-100">
                    顾客收货时间
                  </div>
                  <div class="flex-item">
                    {{ orderInfo.receivedTime }}
                  </div>
                </div>
                <div class="flex">
                  <div class="font-color-9 width-100">订单完成时间：</div>
                  <div class="flex-item">{{ orderInfo.completeTime ||  '&nbsp;' }}</div>
                </div>
              </div>
            </div>
          </el-col>
          <!-- 分销信息 -->
          <el-col :span="showBox === 1 ? 8 : 6" v-if="orderInfo.shopMember && orderInfo.shopMember.memberId">
            <div class="bg-color-white">
              <div class="title-top flex v-align-c flex-center height-44 pad-l-27 pad-r-27">
                <div class="flex-item font-w font-16">分销微客</div>
              </div>
              <div class="pad-t-15 pad-b-15 pad-l-30 pad-r-10 mar-l-30 mar-r-10 buyer-info-line">
                <div class="flex">
                  <div class="font-color-9 width-90">微店主头像</div>
                  <div class="flex-item"><img :src="orderInfo.shopMember.avatar" height="50px">
                  </div>
                </div>
                <div class="flex">
                  <div class="font-color-9 width-90">微店主昵称</div>
                  <div class="flex-item">{{ orderInfo.shopMember.nickname ||  '&nbsp;' }}</div>
                </div>
                <div class="flex">
                  <div class="font-color-9 width-90">联系电话：</div>
                  <div class="flex-item">{{ orderInfo.shopMember.phone ||  '&nbsp;' }}</div>
                </div>
                <div class="flex">
                  <div class="font-color-9 width-90">获得佣金：</div>
                  <div class="flex-item">{{ orderInfo.memberCommission ||  '&nbsp;' }}</div>
                </div>
                <div v-if="orderInfo.shareCommission">
                  <div class="flex">
                    <div class="font-color-9 width-90">分销商昵称：</div>
                    <div class="flex-item">{{ orderInfo.shareMember.nickname ||  '&nbsp;' }}</div>
                  </div>
                  <div class="flex">
                    <div class="font-color-9 width-90">联系电话：</div>
                    <div class="flex-item">{{ orderInfo.shareMember.phone ||  '&nbsp;' }}</div>
                  </div>
                  <div class="flex">
                    <div class="font-color-9 width-90">获得佣金：</div>
                    <div class="flex-item">￥{{ orderInfo.shareCommission ||  '&nbsp;' }}</div>
                  </div>
                </div>
                <div v-if="getVersionType() == 5">
                  <div class="flex">
                    <div class="font-color-9 width-100">订单来源小区：</div>
                    <div class="flex-item">{{ orderInfo.memberVillageName ||  '&nbsp;' }}</div>
                  </div>
                </div>
              </div>
            </div>
          </el-col>
          <!-- 主播信息 -->
          <el-col :span="6" v-if="orderInfo.anchorMember && orderInfo.anchorMember.memberId">
            <div class="bg-color-white">
              <div class="title-top flex v-align-c flex-center height-44 pad-l-27 pad-r-27">
                <div class="flex-item font-w font-16">主播信息 </div>
              </div>
              <div class="pad-t-15 pad-b-15 pad-l-30 pad-r-10 mar-l-30 mar-r-10 buyer-info-line">
                <div class="flex">
                  <div class="font-color-9 width-72">头像：</div>
                  <div class="flex-item"><img :src="orderInfo.anchorMember.avatar" height="50px">
                  </div>
                </div>
                <div class="flex">
                  <div class="font-color-9 width-72">昵称：</div>
                  <div class="flex-item">{{ orderInfo.anchorMember.nickname ||  '&nbsp;' }}</div>
                </div>
                <div class="flex">
                  <div class="font-color-9 width-72">联系电话：</div>
                  <div class="flex-item">{{ orderInfo.anchorMember.phone ||  '&nbsp;' }}</div>
                </div>
              </div>
            </div>
          </el-col>
          <!-- 一级合伙人信息 -->
          <el-col :span="6" v-if="orderInfo.samplePartner && orderInfo.samplePartner.partnerId">
            <div class="bg-color-white">
              <div class="title-top flex v-align-c flex-center height-44 pad-l-27 pad-r-27">
                <div class="flex-item font-w font-16">一级合伙人信息 </div>
              </div>
              <div class="pad-t-15 pad-b-15 pad-l-30 pad-r-10 mar-l-30 mar-r-10 buyer-info-line">
                <div class="flex">
                  <div class="font-color-9 width-85">合伙人名称：</div>
                  <div class="flex-item">{{ orderInfo.samplePartner.partnerName ||  '&nbsp;' }}</div>
                </div>
                <div class="flex">
                  <div class="font-color-9 width-85">联系电话：</div>
                  <div class="flex-item">{{ orderInfo.samplePartner.phone ||  '&nbsp;' }}</div>
                </div>
              </div>
            </div>
          </el-col>
        </el-row>
      </div>
    </div>

    <div class="bgc-default pad-l-20 pad-r-20 pad-b-20">
      <div class="bg-color-white pad-l-20 pad-r-20 pad-b-20 pad-t-10">
        <!-- 商品信息 -->
        <div class="tabs-box">
          <el-tabs value="goodsInfo">
            <el-tab-pane label="商品信息" name="goodsInfo">
              <el-table :data="orderGoodsList">
                <el-table-column min-width="280px" label="订单信息">
                  <template slot-scope="scope">
                    <div class="flex v-align-c cursor-p">
                      <label v-if="scope.row.goodsImageUrl"><img :src="scope.row.goodsImageUrl" class="t-goods-pic"></label>
                      <div class="font-12 pad-l-10 line-2">
                        <span>{{scope.row.goodsTitle}}</span>
                        <div class="font-12 font-w font-orange" v-if="scope.row.promotionTitle">
                          活动：{{scope.row.promotionTitle}}
                        </div>
                      </div>
                    </div>
                  </template>
                </el-table-column>
                <el-table-column width="180px" label="规格" prop="skuDetail" align="left">
                  <template slot-scope="scope">
                    <div class="font-blue">
                      {{ scope.row.skuDetail ? scope.row.skuDetail : '无' }}
                    </div>
                  </template>
                </el-table-column>
                <el-table-column width="180px" label="推广者" align="left">
                  <template slot-scope="scope">
                    <span v-if="scope.row.distributorName">昵称：{{ scope.row.distributorName }}</span>
                    <br v-if="scope.row.distributorName">
                    <span v-if="scope.row.distributorId">id：{{ scope.row.distributorId }}</span>
                  </template>
                </el-table-column>
                <el-table-column width="300px" label="佣金信息" v-if="orderInfo.sampleFlag===1">
                  <template slot-scope="scope">
                    <div>观众购买价：{{ scope.row.originalPrice }}</div>
                    <template v-if="orderInfo.samplePartner && orderInfo.samplePartner.partnerId">
                      <div>一级合伙人应获佣金：{{ scope.row.sampleTotalPartnerRatio || '0.00' }}%</div>
                      <div>一级合伙人实际佣金：{{ scope.row.samplePartnerRatio || '0.00' }}%</div>
                      <div>主播佣金：{{ scope.row.sampleAnchorRatio || '0.00' }}%</div>
                    </template>
                    <template v-if="orderInfo.anchorMember && orderInfo.anchorMember.memberId">
                      <div>主播佣金：{{ scope.row.anchorRatio || '0.00' }}%</div>
                    </template>
                  </template>
                </el-table-column>
                <el-table-column v-if="orderInfo.enterprisePayFlag == 1" width="135px" label="待付运费" align="center">
                  <template slot-scope="scope">
                    <div>￥{{ scope.row.freight }}</div>
                  </template>
                </el-table-column>

                <el-table-column width="120px" label="商品单价" prop="goodsPrice" align="right">
                </el-table-column>

                <el-table-column v-if="orderInfo.sellApartOrderId != null" width="120px" label="销方商品单价"
                  prop="sellGoodsPrice" align="right">
                </el-table-column>

                <el-table-column width="120px" label="供应价" align="center">
                  <template slot-scope="scope">
                    <div>
                      <span v-if="scope.row.supplyOrderGoodsId">￥{{ scope.row.supplyAlliancePrice }}</span>
                      <span v-else>{{ scope.row.goodsSupplyPrice ? '￥' + scope.row.goodsSupplyPrice : '' }}</span>
                    </div>
                  </template>
                </el-table-column>

                <el-table-column width="135px" label="数量">
                  <template slot-scope="scope">
                    <div>商品数：{{ scope.row.goodsNum }}</div>
                    <div>发货数：{{ scope.row.deliveryNum }}</div>
                    <div>售后数：{{ scope.row.afterSaleGoodsNum }}</div>
                    <div>截停数：{{ scope.row.stopNum }}</div>
                  </template>
                </el-table-column>
                <el-table-column width="135px" label="售后状态">
                  <template slot-scope="scope">
                    <div>
                      {{ orderInfo.orderType == 33 || orderInfo.orderType == 34
                      ? dict.platformAfterSaleStatus[scope.row.platformAfterSaleStatus] : dict.afterSaleStatus[scope.row.afterSaleStatus]}}
                    </div>
                  </template>
                </el-table-column>
                <el-table-column width="135px" label="金额" prop="goodsTotalPrice" align="center">
                </el-table-column>
                <el-table-column width="135px" label="计税金额" prop="comprehensiveTaxRate" align="center"
                  v-if="isCrossBorderOrder && !orderInfo.sellApartOrderId">
                  <template slot-scope="scope">
                    <div>商品: ￥{{ scope.row.goodsTotalPrice - (scope.row.couponReduceAmount || 0) }}</div>
                  </template>
                </el-table-column>
                <el-table-column width="135px" label="税额" prop="comprehensiveTaxRate" align="center"
                  v-if="isCrossBorderOrder">
                  <template slot-scope="scope">                    
                    <div>￥{{ scope.row.taxAmount }}</div>
                    <div>({{ scope.row.taxRate }}%)</div>
                  </template>
                </el-table-column>
                <el-table-column width="135px" label="联盟运费" align="center">
                  <template slot-scope="scope">
                    <div>{{ scope.row.supplyOrderFreight || 0 }}
                    </div>
                  </template>
                </el-table-column>
                <el-table-column width="160px" label="来源" align="center">
                  <template slot-scope="scope">
                    <div>{{ scope.row.supplierName || dict.source[scope.row.source] || '总部' }}
                    </div>
                  </template>
                </el-table-column>
                <el-table-column width="160px" label="发货仓" prop="warehouseName" align="center">
                </el-table-column>
                <el-table-column v-if="orderInfo.enterprisePayFlag == 1" width="160px" label="异常" prop="exceptionReason"
                  align="left">
                </el-table-column>
              </el-table>
              <table class="table-foot">
                <tr v-if="orderInfo.couponReduceAmount">
                  <td class="left">优惠金额：</td>
                  <td>￥{{ orderInfo.couponReduceAmount }}</td>
                </tr>
                <tr>
                  <td class="left">商品小计：</td>
                  <td>￥{{ orderInfo.goodsAmount ||  '&nbsp;' }}</td>
                </tr>
                <tr v-if="orderInfo.deliveryType && orderInfo.deliveryType !== 5">
                  <td class="left">运费：</td>
                  <td>￥{{ orderInfo.freight }}</td>
                </tr>
                <tr v-if="isCrossBorderOrder && orderInfo.sellApartOrderId">
                  <td class="left">联盟运费：</td>
                  <td>￥{{ orderInfo.supplyFreightAmount || 0 }}</td>
                </tr>
                <tr v-if="isCrossBorderOrder">
                  <td class="left">税费：</td>
                  <td>￥{{ orderInfo.taxAmount || 0 }}</td>
                </tr>
                <tr v-if="orderInfo.deliveryType && orderInfo.deliveryType === 5">
                  <td class="left">配送费：</td>
                  <td>￥{{ orderInfo.deliveryFee }}</td>
                </tr>
                <tr>
                  <td class="left">订单合计：</td>
                  <td>￥{{ orderInfo.orderPrice }}</td>
                </tr>
                <tr v-if="orderInfo.orderType == 30">
                  <td class="left">分销佣金：</td>
                  <td>￥-{{ (orderInfo.memberCommission * 1 + orderInfo.shareCommission * 1).toFixed(2) }}
                  </td>
                </tr>
                <tr v-if="orderInfo.sellApartOrderId">
                  <td class="left">平台佣金：</td>
                  <td>￥-{{ orderInfo.supplyAllianceCommission ? orderInfo.supplyAllianceCommission : 0}}
                  </td>
                </tr>
                <tr v-if="orderInfo.supplyOrderAmount">
                  <td class="left">供货联盟费用（含 税费、联盟运费）：</td>
                  <td>￥-{{ orderInfo.supplyOrderAmount ? orderInfo.supplyOrderAmount : 0}}
                  </td>
                </tr>
                <tr class="font-22">
                  <td class="left font-black"><b>实际收入：</b></td>
                  <!-- 批发订单为线下支付不扣除易宝手续费 显示金额为订单金额 -->
                  <td class="font-red" v-if="orderInfo.payType == 5">
                    <b>￥{{ orderInfo.orderPrice }}</b>
                  </td>
                  <td class="font-red" v-else><b>￥{{ orderInfo.enterpriseAmount }}</b></td>
                </tr>
                <tr class="font-22" v-if="orderInfo.enterprisePayFlag == 1">
                  <td class="left font-black">待付货款：</td>
                  <td class="font-red"><b>￥{{ orderInfo.orderPriceToThird }}</b></td>
                </tr>
              </table>
            </el-tab-pane>
            <el-tab-pane label="跨境信息" name="croosBorderOrderInfo" v-if="isCrossBorderOrder">
              <div class="pad-t-15 pad-b-15 pad-l-30 pad-r-10 mar-l-30 mar-r-10 buyer-info-line">
                <div class="flex">
                  <div class="font-color-9 width-140">购买人姓名：</div>
                  <div class="flex-item">{{ orderInfo.certificateRealName }}
                    <el-button type="text" @click="updateCertificateRealName"
                      v-if="!orderInfo.sellApartOrderId && orderInfo.orderStatus ===  1 && ([1,4].includes(orderInfo.warehouseCustomsStatus) || [1,4,6,7].includes(orderInfo.paymentOrderCustomsStatus))">
                      修改购买人信息</el-button>
                  </div>
                </div>
                <div class="flex">
                  <div class="font-color-9 width-140">购买人证件类型：</div>
                  <div class="flex-item">{{ dict.certificateType[orderInfo.certificateType] }}</div>
                </div>
                <div class="flex">
                  <div class="font-color-9 width-140">购买人证件号：</div>
                  <div class="flex-item">{{ orderInfo.certificateNumber }}</div>
                </div>
                <div class="flex">
                  <div class="font-color-9 width-140">发货保税仓：</div>
                  <div class="flex-item">
                    {{ orderGoodsList && orderGoodsList.length > 0 ? orderGoodsList[0].warehouseName : '' }}
                  </div>
                </div>
                <div class="flex">
                  <div class="font-color-9 width-140">仓库报关状态：</div>
                  <div class="flex-item">{{ dict.warehouseCustomsStatus[orderInfo.warehouseCustomsStatus]  }}</div>
                </div>
                <div class="flex" v-if="orderInfo.warehouseCustomsStatus ===  4">
                  <div class="font-color-9 width-140">仓库报关失败原因：</div>
                  <div class="flex-item">
                    {{ orderInfo.warehouseCustomsStatusRemark  }}
                  </div>
                </div>
                <div class="flex">
                  <div class="font-color-9 width-140">支付单报关状态：</div>
                  <div class="flex-item">{{ dict.paymentOrderCustomsStatus[orderInfo.paymentOrderCustomsStatus]  }}
                  </div>
                </div>
                <div class="flex">
                  <div class="font-color-9 width-140">支付单报关结果：</div>
                  <div class="flex-item">
                    {{ orderInfo.paymentOrderCustomsStatusRemark  }}
                  </div>
                </div>
              </div>
            </el-tab-pane>
            <el-tab-pane label="订单操作信息" name="logInfo">
              <el-table :data="orderLogList" class="action-table" style="width: 100%">
                <el-table-column min-width="350px" label="操作内容" prop="operatorContent">
                </el-table-column>
                <el-table-column width="150px" label="操作人" prop="operatorName"></el-table-column>
                <el-table-column width="180px" label="操作时间" prop="createTime"></el-table-column>
              </el-table>
            </el-tab-pane>
          </el-tabs>
        </div>

        <div class="height-70"></div>
        <div class="bottom-bar">
          <el-button v-if="orderInfo.enterpriseDeliveryFlag == 1 && !warehouseDeliverFlag && !this.getMemberId()" 
            type="primary"
            @click="doOpenDeliver">
            
            <span>发货</span>
          </el-button>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
  import {
    getByEnterpriseId
  } from '@/api/user/enterprise'
  import clipboard from '@/utils/clipboard'

  export default {
    components: {

    },
    props: {
      orderData: {
        type: Object,
        required: true
      },
      dictData: {
        type: Object,
        required: true
      }
    },
    watch: {
      orderData: {
        handler(nv, ov) {
          this.orderInfo = nv
          this.initOrderInfo()
        },
        immediate: true
      },
      dictData: {
        handler(nv, ov) {
          this.dict = nv
        },
        immediate: true
      }
    },
    data() {
      return {
        // 企业配置
        enterpriseConfig: {},
        // 订单对象
        orderInfo: {
          orderStatus: '',
          orderStatusColor: 'font-pink',
          shopMember: {},
          shareMember: {},
          anchorMember: {}
        },
        orderGoods: {
          orderGoodsId: ''
        },
        orderGoodsList: [],
        orderLogList: [],
        // 数据字典
        dict: {
          orderStatus: {},
          afterSaleStatus: {},
          platformAfterSaleStatus: {},
          orderType: {},
          stopStatus: {},
          payType: {},
          deliveryType: {},
          source: {},
          warehouseCustomsStatus: {},
          paymentOrderCustomsStatus: {},
          customsFailReasonType: {},
          certificateType: {}
        },
        fullLoading: false,
        // 企业仓库发货flag
        warehouseDeliverFlag: false,
        // 修改收货信息flag
        changeReveiveFlag: false,
        activeNum: 1,
        showBox: 1
      }
    },
    computed: {
      isCrossBorderOrder() {
        return this.orderInfo && this.orderInfo.crossBorderOrderType ? this
          .orderInfo.crossBorderOrderType === 2 : false
      }
    },
    created() {
      // 获取企业配置
      getByEnterpriseId(this.getEnterpriseId()).then(response => {
        this.enterpriseConfig = response.data
        this.warehouseDeliverFlag = this.enterpriseConfig.warehouseAuthority === 1 && this
          .enterpriseConfig.warehouseDeliverFlag === 1
        // 修改收货按钮显示判断
        if (!this.warehouseDeliverFlag && this.orderInfo.orderStatus === 1) {
          this.changeReveiveFlag = true
        } else {
          this.changeReveiveFlag = false
        }
      })
    },
    methods: {
      // 复制事件
      doCopy(order, event) {
        const text = this.getVersionType() !== 5 ? order.customerFullAddress : order.memberTakeAddress
        clipboard(text, event)
      },
      // 初始化
      initOrderInfo() {
        this.orderInfo = this.orderData
        this.orderGoodsList = this.orderInfo.orderGoodsList
        this.orderLogList = this.orderInfo.orderLogList
        this.activeNum = this.orderInfo.activeNum
        this.showBox = this.orderInfo.showBox
      },
      // 返回事件
      doBack() {
        this.$router.go(-1)
      },
      // 打开收货信息dialog事件
      doOpenReceiveInfo() {
        this.$parent.$parent.doOpenReceiveInfo()
      },
      // 订单收货信息回调事件
      doCallbackOrderReceive(callbackFlag) {
        if (callbackFlag) {
          this.$parent.$parent.doCallbackOrderReceive(callbackFlag)
        }
      },
      // 打开发货dialog事件
      doOpenDeliver() {
        this.$parent.$parent.doOpenDeliver()
      },
      // 订单发货回调事件
      doCallbackOrderDeliver(callbackFlag) {
        this.$parent.$parent.doCallbackOrderDeliver(callbackFlag)
      },
      // 打开订单物流dialog事件
      doOpenLogistics() {
        this.$parent.$parent.doOpenLogistics()
      },
      // 订单物流动态回调事件
      doCallbackOrderLogistics() {
        this.$parent.$parent.doCallbackOrderLogistics()
      },
      // 修改购买人事件
      updateCertificateRealName() {
        this.$parent.$parent.updateCertificateRealName()
      },
      handleUpdateCertificateInfoSuccess(data) {
        this.$parent.$parent.handleUpdateCertificateInfoSuccess(data)
      }
    }
  }
</script>

<style lang="less" scoped>
  .table-foot {
    width: 100%;
    border-bottom: 1px solid #EBEEF5;
    padding: 10px 0;

    .left {
      width: 93%;
      text-align: right;
    }
  }

  /deep/ .action-table.el-table--medium td {
    padding: 32px 0;
  }

  .title-top {
    border-bottom: #eff1f6 1px solid;
  }

  .buyer-info-line {
    line-height: 2.2;
    height: 300px;
    height: auto !important;
    min-height: 300px;
    overflow: visible;
  }

  .user-avatar {
    width: 65px;
    height: 65px;
    display: block;
    padding: 1px;
    border: #efefef 1px solid;
  }
</style>
